cursorhtml

HTML DOM reference: cursor property. Well organized and easy to understand Web building tutorials with lots of examples of how to use HTML, CSS, JavaScript, SQL, PHP, Python, Bootstrap, Java and XML.

在一個網頁裡，通常只有超連結、選取或調整尺寸時，會出現「游標」圖示不同的狀態，除此之外，也可以透過 cursor 樣式屬性，設定滑鼠與元素互動時的游標圖示，這篇教學會透過 CSS cursor 的關鍵字改變滑鼠游標圖示，還會透過 url () 使用自訂圖片當作游標。

CSS的滑鼠游標屬性：cursor CSS的cursor屬性可以改變滑鼠游標的形狀， 當滑鼠移過去時，就會顯示自設定的形狀。 共有以下這些屬性值 Crosshair、pointer、text、move、wait、help、progress、 not-allowed、no-drop、no-vertical-text、all-scroll、col-resize、

The cursor CSS property sets the mouse cursor, if any, to show when the mouse pointer is over an element.

css cursor 可以用來控制滑鼠游標顯示的樣式，以下表格彙整目前可用樣式，將滑鼠滑到 Demo 可以看到對應的結果 (陸續整理中)：

HTML 事件物件 動畫事件 剪貼簿事件 拖放事件 事件 焦點事件 雜湊變化事件 輸入事件 鍵盤事件 滑鼠事件 頁面過渡事件 PopState 事件 進度事件 儲存事件 觸控事件 過渡事件 UI 事件 滾輪事件